/* 首页图表面板公共样式 */
.chart-common-panel {
  height: 100%;
  padding: 2%;
  box-sizing: border-box;
  color: $text-color;
  background: $moudle-color;
  .header {
      height: 12%;
      display: flex;
      justify-content: space-between;
      .left {
          .title {
              font-size: 16px;
              font-weight: 500;
              margin-right: 12px;
          }
      }
      .right {
          display: flex;
          justify-content: space-between;
      }
  }
  .body {
      display: flex;
      height: 80%;
      .bar-panel {
          width: 40%;
          margin: 10px 5%;
          box-sizing: border-box;
          .bar-container {
              height: 100%;
          }
      }
  }
}
// 首页表格样式
.home-table {
  .gradient {
      .table-panel {
          .table-top {
              span {
                  font-size: 16px;
              }
              .right-span {
                  // color: #F19439;
                  font-size: 14px;
              }
              .el-button {
                  background-color: #006ED9;
                  border: 0;
                  width: 112px;
                  height: 36px;
                  span {
                      font-size: 14px !important;
                      // display: flex;
                      // justify-content: center;
                      // align-items: center;
                  }
              }
          }
          .table-body {
              max-height: none !important;
          }
      }
  }
  .el-table {
      &::before {
          content: none;
      }
      .el-table__body-wrapper {
          .el-table__body {
              border-bottom-left-radius: 8px;
              border-bottom-right-radius: 8px;
          }
      }
  }
  .el-table--border {
      border: 0;
      &::after {
          content: none;
      }
      th.gutter {
          &:last-of-type {
              display: block !important;
          }
      }
      th,
      td {
          border-right: 1px solid rgba(255, 255, 255, 0.2);
          &:last-of-type {
              border-right: 0;
          }
      }
      th {
          &:nth-last-child(2) {
              border-right: 0;
          }
      }
  }
  .el-input__inner {
      &:focus {
          // border-color: #F19439 !important;
      }
  }
}